<!--
 * @Author: 刘苗
 * @Description: 
 * @Date: 2021-08-27 15:27:00
-->
<template>
    <div class="charts_option_container">
        <div class="item" v-for="(el,index) in list" :key="index" @click="handleClickChart(el)">{{el.name}}</div>
    </div>
</template>



<script>
export default {
    data() {
        return {
            list:[
                {
                    name:'折线图',
                    value:'lineCharts'
                },
                {
                    name:'饼图',
                    value:'pieCharts'
                },
                // {
                //     name:'柱状图',
                //     value:2
                // },
                // {
                //     name:'环形图',
                //     value:3
                // },
            ]
        }
    },
    methods:{
        handleClickChart(c){
            this.$emit("handleClickChart",c)
        }
    }
}
</script>



<style lang="scss" scoped>
.charts_option_container{
    display: flex;
    flex-direction: column;
    text-align: center;
    .item{
        cursor: pointer;
        height: 100px;
        line-height: 100px;
    }
}
</style>